<template>
  <div class="sea_main">
    <SeaTop/>
    <SeaLeft/>
    <SeaRight/>
    <SeaBottom/>
  </div>
</template>
<script>
import SeaTop from './top.vue'
import SeaLeft from './left.vue'
import SeaRight from './right.vue'
import SeaBottom from './bottom.vue'
import { STlist } from '@/data.js'
import { mapFun } from '@/components/gdmap'
export default {
  name: 'Datasea',
  components: {
    SeaTop,
    SeaLeft,
    SeaRight,
    SeaBottom
  },
  mounted () {
    if (this.$root.MapGd) {
      this.$root.MapGd.clearMap()
      this.gdmap()
    }
  },
  methods: {
    gdmap () {
      mapFun(this.$root.MapGd, STlist)
    }
  }
}
</script>
<style lang="scss" scoped>
.sea_main{
  height: 0;
}
</style>
